<template>
    <div id="showPage">
        <div>
            <el-link @click="link2BlogType">查看blog</el-link>
        </div>
        <!--<div>
            <el-link @click="link2BlogAdmin">我是作者</el-link>
        </div>-->
        <el-dropdown>
            <span class="el-dropdown-link">
                我是作者<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu>
                <el-dropdown-item ><el-link @click="link2BlogAdmin">新的博客</el-link></el-dropdown-item>
                <el-dropdown-item ><el-link @click="link2BlogType">修改博客</el-link></el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
    </div>
</template>

<script>
    export default {
        name: "ShowPage",
        data() {
            return {}
        },
        methods: {
            link2BlogType() {
                this.$router.push("/BlogType")
            },
            link2BlogAdmin() {
                this.$router.push("/BlogEditor")
            },
            link2BlogType() {
                this.$router.push("/BlogType")
            }
        }

    }
</script>

<style scoped>
    .el-dropdown-link {
        cursor: pointer;
        color: #409EFF;
    }
    .el-icon-arrow-down {
        font-size: 12px;
    }
</style>